在學會Bootstrap之後,我們接著使用Bootstrap來實做網頁,在我的附檔中,我們已經引用並且設定好<div></div>
每個標籤都有它們的內容。首先我們先進行上方的排版,且記Bootstrap的排版要將元素包在container內在用row才可以包成橫排。
HTML程式碼如下:
<section id="intro" class="pt-5">
<h1 class="">Introtion</h1>
<div class="container">
<div class="introbox">
<div class="row">
<div class="col-md-4">
⋮
</div>
<div class="col-md-4">
⋮
</div>
<div class="col-md-4">
⋮
</div>
</div>
結果:
在MD大型裝置的時候
今日教學內容 可以上我的GitHub 我的第一個網站-8